
/*样式初始化*/
*{max-width: 640px; margin: 0 auto;}
html { width: 100%; height: 100%; overflow: hidden; font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {width: 100%; overflow: auto; margin: 0; position: relative;  font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; font-size: 0.24rem; line-height: 1.5; color: #333333; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#app{height: 100%;}
article, aside,section,nav,footer,header{display: block;}
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; }
a:active { outline: 0; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; font-size: 0.24rem}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc;  font-size: 0.24rem}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; font-size: 0.24rem }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3 ,h4,h5,h6{ font-weight: normal; }
textarea { overflow: auto; resize: vertical; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
input{outline: none;}
/*媒体查询*/
html{font-size: 15.625vw;}
@media screen and (min-width: 640px) {
    html {
        font-size: 100px;
    }
}

/*公共样式*/
.fl{float: left;}
.fr{float: right;}
.pdT{padding-top: 0.3rem !important;}
.height100{height: 100%;}
.borderB{border-bottom: 1px solid #e1e1e1;}
.hide{display: none;}
.bgW{width: 100%; height: 100%; background-color: #fff;}
.color0{color: #000; font-size: 0.24rem;}

/*页面样式*/
.warp{width: 100%; padding: 0 0.3rem; height: 100%; background-color: #fff;}
.warp nav{overflow: hidden;}
.list{height: 1.1rem; line-height: 1.1rem; clear: both; border-bottom: 1px solid #e1e1e1;}
.list aside img{width: 0.8rem;height: 0.8rem; margin: 0.12rem 0 0 0;border-radius: 50%;}
.list1{padding:0.3rem 0 0.2rem;border-bottom: 1px solid #e1e1e1;}
.list1 aside:last-child{ font-size: 0.22rem; color: #999;}
/*我的钱包*/
#balance{width: 100%; height: 5rem; background-color: #fff; padding-top: 2rem;}
#balance h3{width: 100%; text-align: center; font-size: 0.6rem; color: #000;}
#balance p{width: 100%; text-align: center; color: #666;}
.deposit{width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 1rem;}
.deposit aside{width: 50%; text-align: right; padding: 0 0.2rem; font-size: 0.28rem;}
.deposit .refund{color: #e50c0c; text-align: left;}
/*信用分历史*/
.history{width: 100%;padding: 0.2rem 0; overflow: hidden; border-bottom: 1px solid #e1e1e1;}
.history dt{width: 50%;}
.history dt strong{ font-weight: normal;}
.history dt span{font-size: 0.22rem; color: #999;}
.history dd{width: 50%; color: #e50c0c; text-align: right;}
/*押金说明*/
.title{border-bottom: 1px solid #e1e1e1; font-weight: bold; height: 0.6rem;}
.info p{padding:0.4rem 0 0.2rem 0;}
/*钱包充值*/
.choice{width: 100%; overflow: hidden; padding: 0 0.3rem;}
.choice h5{border-bottom: 1px solid #e1e1e1; font-size: 0.24rem; padding: 0.1rem 0 0.2rem;}
.choice ul{padding: 0.4rem 0 0; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.choice ul li{display: block; float: left; background-color: #e3e3e3; width: 40%; margin:0 5% 0.4rem;  height: 0.9rem; text-align: center; padding-top: 0.1rem;}
.choice ul .active{background-color: #e50c0c; color: rgba(255,255,255,0.9);}
.through{width: 100%; height: 0.3rem; background-color: #f9fafc;}
.weChat{padding: 0 0.3rem; height: 1rem; line-height: 1rem; width: 100%; background: url("../images/select.png") no-repeat 95% center; background-size: 0.34rem;}
.weChat aside{width: 100%; font-size: 0.24rem; text-indent: 0.5rem; background: url("../images/wechat.png") no-repeat 0 center; background-size: 0.32rem 0.29rem;}
.poB{width: 100%; padding: 0 0.3rem; left: 0; bottom: 1rem;}
.poB p{width: 100%; font-size: 0.22rem; color: #999; text-align: center; line-height: 0.5rem;}
.pdT1{padding-top: 1.5rem;}
.agreement{color: #e50c0c;}
/*押金充值*/
.foregift{padding:0.4rem 0.3rem 0.5rem;}
.foregift h3 strong{font-size: 0.3rem;}
.foregift aside{font-size: 0.22rem; color: #999;}
#goTo{padding-right: 0.3rem;margin-top:2rem;}
.goTo{ background-color: #e50c0c; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; color: rgba(255,255,255,0.9); font-size: 0.28rem;}
/*手机验证*/
.phoneBox{padding: 0.5rem 0.3rem 0; height: 100%; position: relative;}
.logo{width: 1.6rem; height: 1.6rem; background: url("../images/logo.jpg") no-repeat center; background-size: 1.6rem; border-radius: 6px;}
.phoneBox h2{width: 100%; text-align: center; padding: 0.4rem 0;}
.textInput{width: 100%; height: 0.6rem; overflow: hidden; padding: 0 0.3rem; line-height: 0.6rem; margin-bottom: 0.3rem;background-color: #f2f2f2;}
.textInput label,.code label{margin-right: 0.4rem; font-size: 0.24rem; }
.textInput input{border: none; height: 0.6rem; width: 75%; font-size: 0.26rem; background-color: #f2f2f2;}
.code{width: 65%; overflow: hidden; background-color: #f2f2f2; height: 0.6rem; padding-left: 0.3rem; line-height: 0.6rem; border-radius: 4px;}
.code input{ border: none; height: 0.6rem; width: 60%; font-size: 0.26rem; background-color: #f2f2f2;}
.obtain{display: block;width: 32%; margin-left: 3%; height: 0.6rem; border-radius: 4px; font-size: 0.24rem; background-color: #cecece; line-height: 0.62rem; text-align: center; color: rgba(255,255,255,0.9); }
.obtain-on{background-color: #e50c0c;}
.codeBox{width: 100%; overflow: hidden; margin-bottom: 0.3rem; clear: both;}
.argee{font-size: 0.24rem; color: #999;text-indent: 0.4rem;position: relative;}
.argee:before{content: ''; width: 0.22rem; height: 0.22rem;position: absolute; border: 2px solid #cecece;  border-radius: 50%;top:50%;left: 0; margin-top: -0.15rem;}
.argee-on{background: url("../images/select.png") no-repeat 0 0.02rem; background-size: 0.3rem; color:#000;}
.argee-on:before{border:none;}
.protocol{color: #e50c0c;}
.next{ background-color: #e50c0c; margin-top: 1rem; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; color: rgba(255,255,255,0.8); font-size: 0.28rem;}

/*实名认证*/
.inputBox{padding: 0.6rem 0.3rem;}
.inputBox p{color: #999999; font-size: 0.22rem; width: 100%;}
.name{width: 100%; background-color: #fff;}
.topImg{width: 100%;}
.topImg img{width: 100%;}
.textInput1,.textInput2{width: 100%; height: 0.8rem; overflow: hidden; padding: 0 0 0 0.3rem; line-height: 0.8rem; border-radius: 3px; margin-bottom: 0.5rem;background-color: #f2f2f2;}
.textInput1 label{margin-right: 0.7rem; font-size: 0.24rem; }
.textInput1 input{border: none; height: 0.8rem; vertical-align: middle; width: 70%; background-color: #f2f2f2;}
.textInput2 label{margin-right: 0.23rem; font-size: 0.24rem; }
.textInput2 input{border: none; height: 0.8rem; vertical-align: middle; width: 70%; background-color: #f2f2f2;}

/*完成*/
.complete{width: 100%; height: 100%;  background-color: #ffffff; overflow: hidden; padding: 2.5rem 0.3rem 0; text-align: center;}
.complete img{width: 30%;}
.complete p{padding-top: 0.5rem; font-size: 0.32rem;}

/*我的钱包*/
.box{width: 100%; height: 100%; background-color: #fff; padding: 0.3rem 0.1rem;}
.box1{width: 100%; height: 100%; background-color: #fff;}
.box2{width: 100%; height: 100%; background-color: #f9fafc;}
.give,.recharge{width: 100%; overflow: hidden; margin-bottom: 0.3rem; padding: 0.26rem 0.5rem 0.4rem; font-size: 0.26rem; background-color: #f2f2f2; border-radius: 4px;}
.detail{display: block; width: 20%;  color: #e50c0c; text-align: right;}
.recharge h5,.give h5{width: 100%; padding: 0.8rem 0; text-align: center; font-size: 0.4rem; font-weight: bold; color: #e50c0c;}
.btn{display: block; width: 40%; height: 0.6rem; border:none; margin: 0 auto; background-color: #e50c0c; color: #fff; font-size: 0.26rem;}
.prompt{width: 100%; height: 1rem; line-height: 1rem; color: #e50c0c; font-size: 0.24rem; text-align: center;}
.pay{width: 100%; height: 1rem; padding-left: 0.5rem; font-size: 0.26rem; border-radius: 4px; line-height: 1rem; background-color: #f2f2f2;}
.pay strong{margin-left: 0.5rem; color: #e50c0c;}

/*钱包明细*/
.top{width: 100%; height: 0.8rem; line-height: 0.8rem; position: fixed; left: 0; top: 0; border-bottom: 1px solid #ccc; box-shadow: 0 1px 1px #ccc; text-align: center; font-size: 0.24rem; color: #666; background-color: #fff;}
.top aside{width: 50%; float: left;}
.income,.expenditure{padding-top: 0.8rem;}
.top .activeC{color: #e50c0c; border-bottom: 2px solid #e50c0c;}

/*信用历史*/
.creditShow{ width: 100%; height: 4.5rem; padding-top: 1.4rem; background: url("../images/11.jpg") no-repeat center #fff; background-size: 3.2rem;}
.creditShow h3{ width: 100%; font-size: 0.7rem; color: #e50c0c; text-align: center; font-weight: bold;}
.creditShow p{width: 100%; font-size: 0.28rem; color: #e50c0c; text-align: center;}
.throughBg{width: 100%; height: 0.3rem; background-color: #f2f2f2;}
.score{width: 100%; border-top: 1px solid #e1e1e1; overflow: hidden;}
.score table{width: 100%;}
.score table tr{width: 100%; height: 1rem; border-bottom: 1px solid #e1e1e1;}
.score table tr td{color: #666666; padding: 0 0.3rem; font-size: 0.22rem;}
.score table tr .scoreShow{font-size: 0.24rem; color: #e50c0c; text-align: right;}
.more{display: block; width: 100% ;height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; color: #666; text-align: center;}
.header{width: 100%; height: 4rem; background: url("../images/2.jpg") no-repeat center 1rem ; background-size: 2.4rem 2.3rem;}
.invite{width: 100%; font-size: 0.32rem; text-align: center;}
.invite h3{padding-bottom: 0.2rem;}
.pdB{padding-bottom: 0.8rem;}
.invite p{font-size: 0.24rem; color: #999;}
.code1{padding-top: 0.4rem; color: #666; text-align: center;}
.code1 strong{color: #333;}

/*骑行结束*/
.headerBox{background-color: #f2f2f2;}
.result{width: 100%; height: 3rem; padding-top:2.3rem; background:url("../images/over.jpg") no-repeat 51.5% 1rem; background-size: 1.2rem 1.1rem;}
.result p{width: 100%; text-align: center; font-size: 0.26rem;}
.money{width: 2.3rem; height: 0.6rem; line-height: 0.6rem; margin: 0 auto;}
.money p{color: #000; font-size: 0.3rem; font-weight: bold; background: url("../images/line.png") no-repeat -0.16rem center; background-size: 0.83rem 0.48rem;}
.money h2{width: 1rem; height: 0.6rem; background: url("../images/right.png") no-repeat center; background-size: 0.3rem;}
.money h3{color: #e50c0c; font-weight: bold; font-size: 0.3rem;}
.offset,.mileage{font-size: 0.26rem; color: #666; padding-top: 0.3rem; text-align: center}
.mileage{padding:0.2rem 0;}
.footBox{ padding:3rem 0.3rem 0;  overflow: hidden;}
.footBox a{display: block; width: 100%; height: 0.6rem; font-size: 0.26rem; margin-bottom: 0.2rem; text-align: center; line-height: 0.6rem; }
.return{ border:1px solid #999;}
.share{background-color: #e50c0c; color: rgba(255,255,255,0.7);}

/*about*/
.aboutBox,.usBox{width: 100%; height: 100%; background-color: #f2f2f2; position: relative;}
.aboutTop{padding-top: 0.5rem; text-align: center;}
.aboutTop img{width: 22%;}
.aboutTop dd{padding-top: 0.2rem; font-size: 0.23rem; color: #5a5858;}
.aboutText{padding: 0.3rem 0.7rem; text-indent: 0.5rem; line-height: 0.4rem; font-size: 0.23rem; color: #5a5858;}
.aboutList{width: 100%; overflow: hidden; background-color: #ffffff;}
.aboutList li{display: block; width: 100%; border-bottom: 1px solid #ebeced; padding-right: 0.2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.23rem;}
.aboutList li aside{width: 50%; color: #000; font-size: 0.25rem; text-indent: 0.8rem; background: no-repeat 0.3rem center;background-size: 0.34rem;}
.aboutList li section{width:50%; text-align: right; color:#aaaaab;}
.aboutList li .friends{background-image:  url("../images/Friends.png");}
.aboutList li .phones{background-image:  url("../images/Phones.png");}
.aboutList li .mail{background-image:  url("../images/Mail.png");}
.aboutList li .earth{background-image:  url("../images/Earth.png");}
.aboutList li .weibo{background-image:  url("../images/weibo.png"); background-size: 0.4rem;}
.foot{width: 100%; height: 0.7rem; line-height: 0.7rem; color: #616161; font-size: 0.23rem; letter-spacing: 1px; text-align: center;}

/*cycling*/
.info{width: 100%; padding-top: 0.9rem; overflow: hidden;}
.info div{overflow: hidden; clear: both;}
.info dl{width: 50%;}
.time{text-align: right; padding-right: 0.5rem;}
.km{padding-left: 0.5rem;}
.info dl dt{width: 100%; padding-bottom: 0.2rem; font-size: 0.32rem; color: #e50c0c;}
.info dl dd{color: #000000; font-size: 0.24rem;}
.info article{width: 100%;padding:1rem 0 0 0.2rem;}
.info article .pdTB{ border-top: 1px solid #d5d5d5;}
.info article section{width: 100%; padding-right: 0.3rem; height: 1rem; clear: both; line-height: 1rem; border-bottom: 1px solid #d5d5d5; }
.info article section aside{width: 50%;}
.number,.cost{color: #e50c0c; text-align: right;}
.renew{width: 60%; height: 0.8rem; text-align: center; margin: 1rem auto 0; border-radius: 4px; line-height: 0.8rem; background-color: #e50c0c; color: #ffffff; font-size: 0.28rem; }

/*index*/
.index{width: 100%; overflow: hidden;}
.index img{width: 100%;}
.index footer{width: 100%; overflow: hidden;}
.index footer img{width: 100%;}
.index .footer_img{width: 100%;position: absolute;bottom: 0;}
.link{width: 100%; overflow: hidden; position: absolute; top: 65%;  z-index: 1;}
.link section{width: 60%; overflow: hidden; clear: both; margin: 0 auto;}
.use{margin-left: 10%;}
.link section a{display: block; width: 45%; height: 0.6rem; line-height: 0.6rem; text-align: center; border-radius: 0.3rem; border:1px solid #e50c0c; color: #e50c0c;}
.scan{margin-top: 0.3rem; width: 60%; height: 0.8rem; background: url("../images/scan.png") no-repeat 30% center; background-size: 0.38rem; text-indent: 25%; line-height: 0.82rem; background-color: #e50c0c; border-radius: 0.4rem; color: #ffffff; font-size: 0.26rem;}

/*us-ebike*/
.usBox{padding-top: 0.3rem;}
.portrait{width: 100%; height: 1.3rem; padding-left: 5%; border-bottom: 1px solid #e6e6e6; background: url("../images/go.png") no-repeat 95% center #ffffff; background-size: 0.13rem 0.24rem;}
.portrait dt{width: 20%; line-height: 1.3rem;}
.portrait img{width: 80%; vertical-align: middle;}
.portrait dd{padding-top:0.32rem;color: #262930;}
.portrait dd p{margin-bottom: 0.02rem;}
.usBox ul{width: 100%; margin-top: 0.3rem; background-color: #ffffff; overflow: hidden; border-top: 1px solid #e6e6e6;}
.usBox ul li{ width: 100%; height: 0.8rem; padding-left: 5%; border-bottom: 1px solid #e6e6e6; line-height: 0.82rem;  background: url("../images/go.png") no-repeat 95% center; background-size: 0.13rem 0.24rem;}
.listImg{padding-left: 0.42rem; height: 0.8rem; background:no-repeat 0 center; font-size: 0.24rem; background-size: 0.32rem 0.28rem;}
.myWallet{background-image: url("../images/wallet.png");}
.bicycle{background-image: url("../images/bicycle.png");}
.credit{background-image: url("../images/credit.png");}
.fenx{background-image: url("../images/fenx.png"); background-size: 0.32rem 0.34rem;}
.guide{background-image: url("../images/guide.png"); background-size: 0.32rem 0.32rem;}
.setting{background-image: url("../images/setting.png"); background-size: 0.32rem 0.32rem;}
.rel{position: relative;}
.getOut{width: 60%; height: 0.8rem; margin-top: 0.5rem; border-radius: 4px; line-height: 0.8rem; text-align: center; background-color:#e50c0c; color: #ffffff; font-size: 0.28rem; letter-spacing: 4px; }
.balance{display: block; height: 0.8rem; font-size: 0.22rem; position: absolute; right: 11%; bottom: 0; color: #ababab;}

/*explain*/
.explain{width: 100%; padding: 0.3rem; font-size: 0.2rem;}
.nav h3{text-align: center; font-size: 0.26rem; font-weight: bold; padding-bottom: 0.5rem; color: #666;}
.nav p{font-size: 0.22rem; color: #999; line-height: 0.34rem; padding-bottom: 0.1rem;}
.nav h1{text-align: center; font-size: 0.28rem; padding-bottom: 0.3rem; color: #666; font-weight: bold;}
.nav h4{ font-size: 0.22rem; padding-bottom: 0.1rem; color: #666; font-weight: bold;}

/*code*/
.codeShow{width: 100%; padding-top: 1rem; text-align: center; font-size: 0.24rem; color: #999; line-height: 0.4rem;}

/*myTrip*/
.myTrip{width: 100%; height: 100%; overflow: auto; background-color: #f2f2f2; letter-spacing: 1px;}
.myTripList{padding: 0.3rem 0 0.8rem; color: #ababab; font-size: 0.23rem;}
.myTripList li{display: block; padding: 0.2rem 0.3rem 0.2rem; margin-bottom: 0.3rem; overflow: hidden; background-color: #ffffff;}
.myTripList img{width: 0.32rem; margin-right: 0.1rem;}
.myTripList li aside{padding-top: 0.06rem;}
.myTripList li article{width: 100%; overflow: hidden; padding-top: 0.06rem; clear: both;}
.myTripList li article div{margin-right: 0.3rem;}
.myTripList li article nav{margin-right: 0.06rem;}
.cost1{color: #e50c0c; position: relative;}
.lineR{position: absolute; left: 0; top:0;}
.no-data{text-align: center;color:#878787;}